<template name="main">
  <style>
    .free-ticket {
      margin-top: 15px;
      height: 82px;
      background-color: #e9e9e9;
    }
    .free-ticket .ticket-money {
      display: inline-block;
      width: 30%;
      height: 100%;
      line-height: 82px;
      font-size: 24px;
      color: #fff;
      text-align: center;
    }
    .free-ticket .ticket-money {
      font-size: 36px;
    }
    .free-ticket .ticket-info {
      display: inline-block;
      width: 70%;
      padding: 15px 0 0 30px;
      line-height: 30px;
      box-sizing: border-box;
    }
    .free-ticket .ticket-info .btn {
      float: right;
      font-size: 14px;
      margin-top: 3px;
      margin-right: 70px;
    }
    .free-ticket .ticket-info .ticket-remind {
      font-size: 12px;
      color: #999;
    }
    .free-ticket .ticket-info .ticket-cancel {
      line-height: 52px;
    }
    .free-ticket .ticket-info .ticket-cancel .btn{
      margin-right: 20px;
      margin-top: 15px;
    }

</style>
<div id="$ROOT">
  <input type="hidden" name="isUseTicket" value="1"/>
  <div class="free-ticket clearfix">
    <div class="ticket-money float-left">免费券</div>
    <div class="ticket-info float-left" >
      <div class="ticket-ok hide">
        <p>您也可以使用一张免费券<a href="javascript:;" class="btn btn-orange btn-small">立即使用</a></p>
        <p class="ticket-remind muted">（可用于年薪<?=@salary?>万以下的职位，有效期至<?=@validityDate?>）</p>
      </div>
      <div class="ticket-cancel">
        <p><del class="muted">原价：<?=@costCvs?>份精英简历下载数/每人</del><a href="javascript:;" class="btn btn-orange btn-small">不使用免费券</a></p>
      </div>
    </div>
  </div>
<script>
 
</script>
</template>
